<script>
	export default {
		onLaunch: function() {
			console.log('App Launch')
		},
		onShow: function() {
			console.log('App Show')
		},
		onHide: function() {
			console.log('App Hide')
		},
		globalData: {
			statusBarHeight: 0
		},
		mounted() {
			this.login()
			this.getSystemInfo()
		},
		methods: {
			getSystemInfo() {
				// 获取系统信息 微信
				uni.getSystemInfo({
					success: (result) => {
						let statusBarHeight = result.statusBarHeight
						const menuButtonInfo = uni.getMenuButtonBoundingClientRect()
						let menuInfo = {
							statusBarHeight: result
								.statusBarHeight, //状态栏高度----用来给自定义导航条页面的顶部导航条设计padding-top使用：目的留出系统的状态栏区域
							menuWidth: menuButtonInfo.width, //右侧的胶囊宽度--用来给自定义导航条页面的左侧胶囊设置使用
							menuHeight: menuButtonInfo.height, //右侧的胶囊高度--用来给自定义导航条页面的左侧胶囊设置使用
							menuBorderRadius: menuButtonInfo.height / 2, //一半的圆角--用来给自定义导航条页面的左侧胶囊设置使用
							menuRight: result.screenWidth - menuButtonInfo
								.right, //右侧的胶囊距离右侧屏幕距离--用来给自定义导航条页面的左侧胶囊设置使用
							menuTop: menuButtonInfo.top, //右侧的胶囊顶部距离屏幕顶部的距离--用来给自定义导航条页面的左侧胶囊设置使用
							contentTop: result.statusBarHeight + 44, //内容区距离页面最上方的高度--用来给自定义导航条页面的内容区定位距离使用
						}
						this.globalData.menuInfo = menuInfo
					},
					fail: (error) => {
						console.log(error)
					}
				})
			},
			login() {
				if(!uni.getStorageSync('token')) {
					this.$methods.login()
				}
			}
		}
	}
</script>


<style>
	/*每个页面公共css */
	@import url("static/css/base.css");
	
	.translate {
		animation: translateShow 0.6s;
	}
	
	@keyframes translateShow {
		0% {
			transform: translateY(50px);
			opacity: 0;
		}
		100% {
			transform: translateY(0);
			opacity: 1;
		}
	}
	
</style>
